/* components/camp-type/camp-type.wxss */
.detail-container {
	position: fixed;
	top: 0;
	z-index: 999;
	height: 100%;
	width: 100%;
	background-color: rgb(0, 0, 0, 0.3);
}

.show_type {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 1;
	background-color: #fff;

	.header {
		display: flex;
		justify-content: space-between;
		padding: 20rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #f5f5f5;

		>view:first-child,
		>view:last-child {
			font-size: 28rpx;
		}

		>view:first-child {
			color: #999;
		}

		>view:last-child {
			color: #F3AB00;
		}

		>view:nth-child(2) {
			font-size: 30rpx;

		}
	}

	.typeChange {
		font-size: 28rpx;

		radio-group {
			padding: 30rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;

			>view:first-child {
				margin-top: 0;
			}

			>view {
				display: flex;
				justify-content: space-between;
				margin-top: 25rpx;
			}
		}
	}

	.condition {
		font-size: 28rpx;
		padding: 30rpx;

		>view {
			display: flex;
			justify-content: space-between;
			margin-bottom: 25rpx;

			radio {
				margin-left: 25rpx;
			}
		}
	}

	.timeChange {
		padding:45rpx 30rpx;
		box-sizing: border-box;
		border-bottom: 1rpx solid #f5f5f5;
		>view:first-child {
			display: flex;
			justify-content: space-between;
			margin-bottom: 15rpx;
			>view {
				font-size: 28rpx;
			}
			>view:nth-child(2) {
				color: #999;
			}
			>view:first-child,
			>view:last-child {
				width: 40%;
				text-align: center;
				padding-bottom: 10rpx;
				box-sizing: border-box;
				// margin-bottom: 20rpx;
			}
			>view:first-child,view:last-child {
				border-bottom: 1rpx solid #999;
				color: #999;
			}
			>.active {
				border-bottom: 1rpx solid #F3AB00 !important;
				color: #F3AB00 !important;
			}
		}
		.iconfont{
			color: #999;
			float: right;
			font-size: 28rpx;
		}
	}
}